<p>
  <% if flash[:alert].present? %>
    <el-alert title="<%= flash[:alert] %>" type="error" class="justify-center" />
  <% end %>
</p>
<div class="h-[calc(100vh-80px)] min-h-[500px] flex items-center justify-center bg-[#F3F0FF] m-auto">
  <div class="flex flex-col items-center">
    <div class="flex flex-col gap-[8px] items-center text-center mt-[24px] px-[16px] text-[#303133]">
      <p class="text-[48px]">404</p>
      <p class="font-semibold text-[48px]"><%= t('errors_page.not_found.title') %></p>
      <p class="text-[20px]"><%= t('errors_page.not_found.desc') %></p>
    </div>
  </div>
</div>
